#ruban 
{background-color: #2175bc;
	 height:30px;
	width:100%;
	} 
#ruban a{
	font-family: Verdana;  
	font-size:11px;  
	color: #fff;
	float:right;
    pading: 2px 2px 2px 2px;

}

ul#menu, ul#menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 16em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: url(../images/menu1.png);           /*background menu*/ 
  color: #E3EDF2;	             /*color text menu*/ 
  padding: 0.5em;
}

ul#menu li a:hover {
  background: url(../images/menu2.png);             /*background over menu*/
  color: #FFF;
}



#deconnection {  
				font-family: Verdana;  
				font-size:11px;  
				text-decoration: none;  
				float:right;  
				padding: 8px;  
				color: #fff; 
				}
.estilotabla{
  font-family: Verdana;  
  font-size:11px; 	
  width: 50%;
  border: 1px solid #ddd;
  border-bottom: 0px;
  border-right: 0px;
  margin: 3px 0px 5px 8px;
}

.estilotabla th
{
  padding: 2px;
  background:  url(../images/blue_bg.gif);  
  text-align: left;
}
.estilotabla td
{
  padding: 3px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color:#F7FBFD;
  color: #666;
  font-weight: normal !important;
}

#login1{
width: 20%;
float:right;
 border: 1px solid #ddd;
margin: 50px 5px 10px 5px;

}


body{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p, h1, form,img {border:0; margin:0 0 0 0; padding:0;}
.spacer{clear:both; height:0.5px;}

.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D5CAB;
}

#titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../images/blue_bg.gif);
	padding: 3px;
}
#titre1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
}
.button_login{
		margin:0 5px 10px 70px;
		border:1px solid;
		padding:3px;
		background:url(../images/blue_bg.gif);
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
        border:1px solid #4189AF;
     
    	
}

.button_enregistrer{
		border:1px solid;
		padding:3px;
		background:url(../images/blue_bg.gif);
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
        border:1px solid #4189AF;
	
}

.tableBorder {
	border: solid 1px #1D5CAB;
	margin-top: 100px;
	background-color:#F7FBFD;
	width:400px;
}

.message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1D5CAB;
}

#form-row
{  
  clear: both;   
  padding: 5px;
}

.form-row .content
{
  padding-left: 9em;
}

#form-row label
{
  display: block;
  padding: 0 0 3px 4px;
  float: left;
  text-align: left;
  width: 17em;
  color: #666;
  font-weight: normal !important;
}

.form-row input,.form-row text,  .form-row select
{
  font-family: Arial, sans-serif;
  font-size: 11px;
  border: 1px solid #ddd;
   padding: 0 0 3px 8px;
 
  
}

/*******/

#headerwrapper
{
 background: url(../images/au-header.jpg) repeat-x;
 height:80px;
}

#headerwrapper .drapeau
{
  margin-top:-4em;
  margin-right:2em;
  font: 11px Arial, Helvetica, sans-serif;
  color:#FFF; 
  float:right;  
}

#headerwrapper .logo
{
  float:left;
  margin-top:2em;
  margin-left:2em;
}

#headerwrapper .titre{
  padding:40px 0 0 0;
  text-align: center;
  font-weight:normal;
  font: 11px Arial, Helvetica, sans-serif;
  color:#FFF; 
}

#containerwrapper
{
  background-color: #fff;
  width: 100%;
}
#content {
  /*overflow:auto;*/
  margin-left: auto;
  margin-right: auto;
  background-color: #dddd;
  position: fixe;
  height:320px;
  width:1150px;
}
#content1 {
  /*overflow:auto;*/
margin-top:50px;
  background-color: #dddd;
width: 70%;
float:left;
}


#footerwrapper
{
  background: url(../images/au-footer.jpg) repeat-x bottom;
  height:40px;
 }

#footerwrapper .content {
  width: 100%;
}
#left {
	width:  17%;
	float:left;
	color:  #FFFFFF;
	/*padding-bottom:100%;*/
	height:100%;
}
#right {
 /* replace this value with the width of your left column */
   /* clear:both;*/
   margin: O O O -10px;
	width: 84%;
	float:right;
	height:100%;
}
#message_erreur{
  font: 12px Arial, Helvetica, sans-serif;
  color:#FFFF;
  margin:5px 0 0 5px;
  background-color: #FF0055; 

}
#message_ok{
  font: 12px Arial, Helvetica, sans-serif;
  margin:5px 0 0 60px;
  background-color: #36E08B; 
  height:15px;
}

.action_save
{
  background: url(../images/save.png) no-repeat 3px 2px;
  border-right: 4px solid #73B65A !important;
 
}